<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>预约挂号列表-医生</title>
		<link rel="stylesheet" type="text/css" href="../../css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="../../css/my.css">
		<link rel="stylesheet" type="text/css" href="../../css/base.css" />
		<link rel="stylesheet" type="text/css" href="../../css/index.css" />
		<link rel="stylesheet" type="text/css" href="../../css/yuyue/docBooking.css" />
		<script type="text/javascript" src="../../js/jquery-2.1.3.min.js"></script>
		<script type="text/javascript" src="../../js/bootstrap.min.js"></script>
		<script type="text/javascript" src="../../js/loadHtml.js"></script>
		<script type="text/javascript" src="../../js/my.js"></script>
	</head>
	<body>
		<div class="wrapper clearfix">
			<div class="sideBar"></div>
			<div class="main">
				<div class="zixunTop">
					<h1 class="title">预约挂号列表</h1>
					<div class="choose">
						<div class="chooseLeft">
							<input type="text" placeholder="请输入医生姓名" class="inputSize" />
							<input type="text" placeholder="请输入医生职称" class="inputSize" />
							<input type="text" placeholder="开始时间" class="inputSize inputChange" id="start" />
							<input type="text" placeholder="结束时间" class="inputSize inputChange" id="end" />
							<button class="btn1">
								搜索
							</button>
						</div>
					</div>
				</div>
				<div class="docList">
					<div class="listTop">
						<h1>2015-02</h1>
						<h2>李毅</h2>
						<div class="groupBtn">
							<button>上一月</button>
							<button>当前月</button>
							<button>下一月</button>
							<button>保存</button>
							<button>取消</button>
						</div>
					</div>
					<table class="table">
						<thead>
							<tr>
								<th>日期</th>
								<th>1</th>
								<th>2</th>
								<th>3</th>
								<th>4</th>
								<th>5</th>
								<th>6</th>
								<th>7</th>
								<th>8</th>
								<th>9</th>
								<th>10</th>
								<th>11</th>
								<th>12</th>
								<th>13</th>
								<th>14</th>
								<th>15</th>
								<th>16</th>
								<th>17</th>
								<th>18</th>
								<th>19</th>
								<th>20</th>
								<th>21</th>
								<th>22</th>
								<th>23</th>
								<th>24</th>
								<th>25</th>
								<th>26</th>
								<th>27</th>
								<th>28</th>
								<th>29</th>
								<th>30</th>
								<th>31</th>
							</tr>
							<tr>
								<th> </th>
								<th>五</th>
								<th>六</th>
								<th>日</th>
								<th>一</th>
								<th>二</th>
								<th>三</th>
								<th>四</th>
								<th>五</th>
								<th>六</th>
								<th>日</th>
								<th>一</th>
								<th>二</th>
								<th>三</th>
								<th>四</th>
								<th>五</th>
								<th>六</th>
								<th>日</th>
								<th>一</th>
								<th>二</th>
								<th>三</th>
								<th>四</th>
								<th>五</th>
								<th>六</th>
								<th>日</th>
								<th>一</th>
								<th>二</th>
								<th>三</th>
								<th>四</th>
								<th>五</th>
								<th>六</th>
								<th>日</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>天(可预约/已预约)</td>
								<td>12/2</td>
								<td>12/2</td>
								<td>12/2</td>
								<td>12/2</td>
								<td>12/2</td>
								<td>12/2</td>
								<td>12/2</td>
								<td>12/2</td>
								<td>12/2</td>
								<td>12/2</td>
								<td>12/2</td>
								<td>12/2</td>
								<td>12/2</td>
								<td>12/2</td>
								<td>12/2</td>
								<td>12/2</td>
								<td>12/2</td>
								<td>12/2</td>
								<td>12/2</td>
								<td>12/2</td>
								<td>12/2</td>
								<td>12/2</td>
								<td>12/2</td>
								<td>12/2</td>
								<td>12/2</td>
								<td>12/2</td>
								<td>12/2</td>
								<td>12/2</td>
								<td>12/2</td>
								<td>12/2</td>
								<td>12/2</td>
							</tr>
						</tbody>
					</table>
				</div>
				<div class="tableMain">
					<table class="table table-striped">
					<thead>
						<tr>
							<th>预约序号</th>
							<th>患者姓名</th>
							<th>手机号</th>
							<th>所属科室</th>
							<th>预约医生</th>
							<th>预约时间</th>
							<th>是否过期</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>10</td>
							<td>莉莉</td>
							<td>13356789367</td>
							<td>消化科</td>
							<td>李毅</td>
							<td>2016-05-06 12:00</td>
							<td>未过期</td>
						</tr>
						<tr>
							<td>10</td>
							<td>莉莉</td>
							<td>13356789367</td>
							<td>消化科</td>
							<td>李毅</td>
							<td>2016-05-06 12:00</td>
							<td>未过期</td>
						</tr>
						<tr>
							<td>10</td>
							<td>莉莉</td>
							<td>13356789367</td>
							<td>消化科</td>
							<td>李毅</td>
							<td>2016-05-06 12:00</td>
							<td>未过期</td>
						</tr>
						<tr>
							<td>10</td>
							<td>莉莉</td>
							<td>13356789367</td>
							<td>消化科</td>
							<td>李毅</td>
							<td>2016-05-06 12:00</td>
							<td>未过期</td>
						</tr>
						<tr>
							<td>10</td>
							<td>莉莉</td>
							<td>13356789367</td>
							<td>消化科</td>
							<td>李毅</td>
							<td>2016-05-06 12:00</td>
							<td>未过期</td>
						</tr>
					</tbody>
				</table>
				<ul class="pagination">
  					<li><a href="#">&laquo;</a></li>
  					<li class="active"><a href="#">1</a></li>
  					<li class="disabled"><a href="#">2</a></li>
  					<li><a href="#">3</a></li>
  					<li><a href="#">4</a></li>
  					<li><a href="#">5</a></li>
  					<li><a href="#">&raquo;</a></li>
				</ul>
				</div>
			</div>
		</div>
	</body>
</html>
<script type="text/javascript">
	$(function(){
		$('.last div').hover(function(){
			$(this).children('h1').show();
		},function(){
			$(this).children('h1').hide();
		});
		
		$('.pagination li').click(function(){
			$(this).addClass('active').siblings('li').removeClass('active');
		});
	});
	
	
</script>
<script type="text/javascript">
    eui.addHandler(window, 'load', function () {
        eui.calendar({
            startYear: 1900,
            input: document.getElementById('start'),
        });
    });
    
    eui.addHandler(window, 'load', function () {
        eui.calendar({
            startYear: 1900,
            input: document.getElementById('end'),
        });
    });
</script>